<template>
	<div class="row-start-center h-[65px] text-[14px] border-bottom text-[#444]">
		<div class="w-[25%] mr-[6px] break-all">
			{{ item.Nickname || '--' }}
		</div>
		<div class="w-[20%] mr-[6px] break-all">{{ item.BetAmount }}</div>
		<div class="w-[20%]">
			{{ item.RebateAmount }}
		</div>
		<div class="w-[25%]">
			{{ item.RebateAmountNo }}
		</div>

		<div @click="emit('more', item)" class="w-[10%] text-center text-[#3976CC]">
			更多
		</div>
	</div>
</template>
<script setup lang="ts">
const emit = defineEmits<{
	more: [value: ReportAgentRebateMo] // named tuple syntax
}>()
withDefaults(
	defineProps<{
		item: ReportAgentRebateMo;
	}>(),
	{}
);
</script>
